<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="../static/css/reset.css">
  <link rel="stylesheet" href="../static/css/base.css">
  <link rel="stylesheet" href="../static/css/carDetail.css">
  <link rel="stylesheet" href="../static/css/iconfont.css">    
  <title>活动介绍</title>
</head>
<body style="background: rgb(245, 247, 250);">
  <input type="hidden" name="carNo" id="carNo">
  <input type="hidden" name="carCover" id="carCover">
  <div class="banner" >
    <img src=""  id="banner" alt="">
  </div>
  <div class="datail-a">
    <div class="carName" id="carName"></div>
  
    <div class="address" style="display: flex;padding-left: .2rem;padding-bottom: .1rem;overflow: hidden;height: 40px;margin-right: .15rem;">
      <text style="width: 20%;">活动地址：</text>
      <div class="detail-address" style="width:80%;"></div>
    </div>
    <div class="time" style="display: flex;padding-left: .2rem;padding-bottom: .1rem;overflow: hidden;height: 24px;margin-right: .15rem;">
      <text style="width: 20%;">开始时间:</text>
      <div class="startTime"></div>
      <text style="margin: 0 .1rem;">至</text>
      <div class="endTime"></div>
    </div>
    <div class="join" style="display: flex;padding-left: .2rem;padding-bottom: .1rem;overflow: hidden;height: 24px;margin-right: .15rem;">
      <text style="width: 20%;">报名人数:</text>
      <div class="joinNumber"></div>
      <text style="margin-left: .1rem;">人</text>
    </div>
    <div class="give" style="display: flex;padding-left: .2rem;padding-bottom: .1rem;overflow: hidden;height: 24px;margin-right: .15rem;">
      <text style="width: 20%;">领取时间:</text>
      <div class="giveTime"></div>
    </div>
    <div class="carInfo" style="padding-left: .2rem;padding-bottom: .1rem;overflow: hidden;height: 40px;margin-right: .15rem;">
      <div class="carPrice">
        <text style="width: 21.5%;">活动费用：</text>
        <div class="carPrice-1"></div>
      </div>
    </div>
    <div class="readInfo" style="display: none;padding-left: .2rem;padding-bottom: .1rem;overflow: hidden;height: 24px;margin-right: .15rem;">
      <text style="width: 20%;">阅读量:</text>
      <div class="read"></div>
      <text style="margin-left: .1rem;">人</text>
    </div>
  </div>
    
  <div class="wrap" id="wrap">
      <div class="carType" data-idx='0'>活动内容</div>
    <!-- <div class="carType active" data-idx='0'>车型介绍</div>
    <div class="carRent" data-idx='1'>租赁方案</div>
    <div class="carFinance" data-idx='2'>购车方案</div> -->
  </div>
  <div class="contact" id="contact">
      <img src=""   alt="">

  </div>
  <!-- 车型介绍 -->
  <!-- <div class="box box-a" style="display: block;">
    <div class="company" style="display: none;">
      <div class="compangName"></div>
      <div class="lowprice" style="color: #e51c23;margin-right: .1rem;"></div>
      <div class="icon"></div>
      <div class="chazhi" style="color:green;"></div>
    </div> -->
    <!-- <div class="tab">
      <div class="active">详细配置</div>
      <div>车辆实拍</div>
    </div> -->
    <!-- <div class="base-info">
      <div class="base-tit">基本参数</div>
      <div class="info-table" id="baseInfo">
        
      </div>
    </div> -->
    <!-- <div class="tab-a">
      <div class="tab-box">
          <div class="active">外观</div>
          <div>内饰</div>
      </div>
    </div>
    <div class="carPic">
      <div class="top" id="carPicA">
        <div class="pic"><img src="../static/images/wai-1.JPG"  alt=""></div>
        <div class="pic"><img src="../static/images/wai-2.JPG"  alt=""></div>
        <div class="pic"><img src="../static/images/wai-3.JPG"  alt=""></div>
      </div>
      <div class="top" id="carPicB">
        <div class="pic"><img src="../static/images/wai-1.JPG"  alt=""></div>
        <div class="pic"><img src="../static/images/wai-2.JPG"  alt=""></div>
        <div class="pic"><img src="../static/images/wai-3.JPG"  alt=""></div>
      </div>
    </div> -->
    <div class="dibu">
      <!-- <div class="dibu-item">
        <div class="icon icon-a"></div>
        <div class="txt">分享</div>
      </div> -->
      <!-- <div class="dibu-item" style="flex: 2;">
        <a href="kefu.html">
            <div class="icon icon-b"></div>
            <div class="txt">客服</div>
        </a>
      </div> -->
      <div class="dibu-item">
        <!-- <div class="icon icon-c"></div> -->
        <!-- <div class="txt a">询底价</div> -->
        <div class="info" id="yuyue">立即报名</div>
      </div>
    </div>
    <div class="tel">
      <div class="tel-wrap">
        <p class="tit">填写预约信息</p>
        <div class="telipt">
          <input type="text" name="" id="name" placeholder="请输入姓名">
        </div>
        <!-- <div class="sex">
          <label for="nan">
            <input type="radio" name="sex" id="nan" value="先生">先生
          </label>
          <label for="nv">
            <input type="radio" name="sex" id="nv" value="女士">女士
          </label>
        </div> -->
        <div class="telipt">
            <input type="text" class="a" id="tel" name="tel" placeholder="请输入您的电话" >
        </div>

        
    
        <!-- <div class="message-box"></div>
	
        <div class="sub-bg" id="subBg"></div>
        <div class="sub-wrap" id="subWrap"></div> -->
        <!-- <div class="itema">
          <input type="password" class="a" id="code1" autocomplete="off" name="" placeholder="短信验证码">
          <input type="button" id="btnSendCode1" class="btn btn-default" value="获取验证码" onclick="sendMessage1()">
        </div> -->
        <!-- <p class="tips">注：预约成功后，我们将会在48小时内联系您，提供1对1专属服务</p> -->
        <div class="tel-btn">
          <div class="cancel">取消</div>
          <div class="success"  onclick="tijiao()">确认</div>
        </div>
      </div>
    </div>
  </div>
  

  <div class="message-box"></div>
  <script src="../static/js/jquery.min.js"></script>
  <script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
  <script src="../static/js/rem.js"></script>
  <script src="../static/js/base.js"></script>
  <script src="../static/js/carDetail.js"></script>
  <script>
		var phoneReg = /(^1[3|4|5|7|8]\d{9}$)|(^09\d{8}$)/;//手机号正则 
		var count = 60; //间隔函数，1秒执行
		var InterValObj1; //timer变量，控制时间
		var curCount1;//当前剩余秒数
		/*第一*/
		function sendMessage1() {
			curCount1 = count;		 		 
			var phone = $.trim($('#tel').val());
			if (!phoneReg.test(phone)) {
				alert("请输入有效的手机号码")
				return false;
			}
			//设置button效果，开始计时
			$("#btnSendCode1").attr("disabled", "true");
			$("#btnSendCode1").val( + curCount1 + "秒再获取");
			InterValObj1 = window.setInterval(SetRemainTime1, 1000); //启动计时器，1秒执行一次
			//向后台发送处理数据
			var appCode = 'fxjsms';
			var templateparam = Math.round((Math.random()*9000) + 1000);
			$.ajax({
				type: "GET",
				url: shareUrl + "/rest/base/sendsms?appCode="+appCode+"&phonenumbers="+phone+"&templateparam="+templateparam,
				contentType:"application/json;charset=UTF-8",
				success: function(data){
					let e = JSON.parse(data);
					if(e.ok){
						messageBox("短信验证码已发送！");
					}else{
						messageBox(e.message);
					}
				}
			});
				
		}
		function SetRemainTime1() {
			if (curCount1 == 0) {                
				window.clearInterval(InterValObj1);//停止计时器
				$("#btnSendCode1").removeAttr("disabled");//启用按钮
				$("#btnSendCode1").val("重新发送");
			}
			else {
				curCount1--;
				$("#btnSendCode1").val( + curCount1 + "秒再获取");
			}
		} 
	</script>
</body>
</html>